html{overflow: hidden;}
body{
    width:100%;
    height:100%;
    overflow-x: hidden;  
    overflow-y: hidden;  
    padding-top: 37px;
    padding-bottom:55px;
    position:relative;
}


header{
    width: 100%;
    position:fixed;
    top: 0px;
    left:0px;
    z-index: 999;
}
#search {
    width: 100%;
    height: 37px;
    border: 1px solid #FE5400;
    background: #FE5400 url(../img/taobao.png) 3px center no-repeat;
    background-size: 27px 20px;
}

#placehold {
    width: 85%;
    height:25px;
    background: #B52600;
    margin:5px 0 0 40px;
    border-radius: 0.125rem;
    text-align: center;
    /*font-size: 12px;
    line-height:25px; */
    font: 12px/25px '新宋体','宋体',serif;
    color: #FFF;
}


/*banner*/
#banner {
    width: 10rem;
    height: 3.12888rem;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}



#banner .banner-nav{
    position:absolute;
    right:10px;
    bottom:10px;
    z-index: 99;

}

 #banner .banner-nav li{
    width:10px;
    height:10px;
    float:left;
/*    line-height: 15px;*/
    /*background:red;*/
    border:1px solid yellow;
    border-radius: 50%;
    margin-left: 10px;

}

/*10个图片导航*/
#nav {
    width: 10rem;
    margin: 0 auto;
}
.inav {
    width: 1.6875rem;
    margin: 0.2rem 0.130208rem 0 0.130208rem;
    float: left;
}

.inav:nth-of-type(1) , .inav:nth-of-type(6) {
    margin-left: 0.260416rem;
}

.inav p {
    padding-top: 0.125rem;
    text-align: center;
    font-size: 12px;
}


/*头条*/
#toutiao {
    margin: 0 auto;
    width: 10rem;
    height: 1rem;
    background: url(../img/toutiao.png) no-repeat;
    background-size: auto 100%;
    text-align: right;
    line-height: 1rem;
    padding-right: 0.3125rem;
}

.hot {
    padding: 4px;
    border: 1px solid red;
    border-radius: 4px;
}

/*淘抢购*/
#qiang {
    margin: 0 auto;
    width: 10rem;
    height: 5.25rem;
    padding-left: 4rem;
    background: url(../img/taoqiangou.jpg) no-repeat;
    background-size: auto 100%;
}

#q1 {
    background: url(../img/youhaohuo.jpg) no-repeat;
    background-size: auto 100%;
}

#q1 img {
    width: 3.125rem;
    float: right;
}

#q2 img {
    float: left;
    width: 3rem;
}

/*猜你喜欢*/
#cai {
    width: 10rem;
    margin: 0 auto;
}
#cai h2 {
    height: 0.75rem;
    background: url(../img/xin.png) 3rem center no-repeat;
    background-size: 0.625rem 0.625rem;
    text-align: center;
    line-height: 0.78rem;
    font-size: 0.625rem;   
}

#cai p {
    text-align: center;
}


/*商品系列*/
.goods {
    width: 4.8rem;
    margin: 0.1rem;
    float: left;
}

/*尾部*/
footer {
    padding: .5rem;
    background: #4e525e;
}

#btn {
    margin: 0 auto;
    width: 9rem;
}

footer button {
    margin: 0 0.1rem;
    font-size: 0.4rem;
    padding: 0.3rem;
    color: #c3c6ca;
    border: 2px solid #42454d;
    background-color: #555965;
}

footer p {
    padding-top: 10px;
    text-align: center;
    color: #c3c6ca;
}

#bottom-fixed{
    width: 100%;
    height:55px;
    position:fixed;
    bottom: 0px;
    left:0px;
    z-index: 999;
    background: #fff;
   line-height: 55px;
    font-size:0.4rem;
}
#bottom-fixed li {
    width: 20%;
    float: left;
}

#bottom-fixed i {
    font-size: 22px;
    display: block;
}

#bottom-fixed a{
    padding-top: 2px;
    display: block;
    text-align: center;
    color: #5d656B;
}